/**
 * @Author: zi.yang
 * @Date: 2021-05-03 00:40:28
 * @LastEditors: zi.yang
 * @LastEditTime: 2021-05-22 16:01:10
 * @Description: mixin
 * @FilePath: \risk-portal\src\assets\stylus\mixin.styl
 */
.bg-img-mixin($url, $attr:initial) {
  background-image: url($url);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-attachment: $attr;
}

.ellipsis-mixin() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vertical-center-mixin() {
  &::after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
}
